<!DOCTYPE html>
<html>
<head>
  <meta charset="utf8">
  <meta name="viewport" content="width=device-width">
  <title>Boilerplate under Steroids</title>

  <link rel="stylesheet" href="vendor/topcoat/css/topcoat-mobile-light.css" />
  <link rel="stylesheet" href="stylesheets/fonts.css" />
  <link rel="stylesheet" href="stylesheets/require-boilerplate.css">
  <link rel="stylesheet" href="stylesheets/application.css" />

  <script src="javascripts/onerror.js"></script>
  <script src="javascripts/console.log.js"></script>

  <!-- cordova.js is served from localhost to ensure the correct version -->
  <!-- <script src="http://localhost/cordova.js"></script> -->
  <!-- <script src="components/steroids-js/steroids.js"></script> -->
  <script data-main="javascripts/game-main/index" src="javascripts/boilerplate/lib/require.js"></script>
  <script src="javascripts/application.js"></script>

</head>
<body>

    <div id="debug">
      <div class="text"></div>
      <div class="back"></div>
    </div>

    <script>
      /* Steroids configuration */
      if(typeof steroids !== "undefined") {
        steroids.view.setAllowedRotations([0,180,-90,90]);  // Will rotate on landscape and portrait direction
        // Hide the status bar on mobile
        steroids.statusBar.hide();
      }
    </script>
</body>
</html>
